@subItemHeight : 60px;
@lineHeight : @subItemHeight/3;

.submenu-create-article{
  cursor: pointer;
  color: #595959;
  border-bottom: 1px #d9d9d9 solid;
  line-height: @lineHeight;
  padding: @lineHeight 0 @lineHeight 0;
  font-size: 18px;
  text-align: center;
}

.submenu-create-article:hover{
  color: #000000;
}

.submenu-item{
  position: relative;
  color: #595959;
  border-bottom: 1px #d9d9d9 solid;
  line-height: @lineHeight;
  padding: @lineHeight 0 @lineHeight 62px;
  font-size: 18px;
  cursor: pointer;
  list-style-type: none;
}
.submenu-item-selected {
  background: #efe9d9;
}
.submenu-item:hover{
  background: #efe9d9;
}

.submenu-item-title, .submenu-item-abstract{
  text-overflow: ellipsis;
  height: @subItemHeight/2;
  text-align: left;
  white-space: nowrap;
}

.submenu-item-abstract{
  line-height: 30px;
  font-size: 12px;
}

@iconAndWordCountLeft : 20px;
.submenu-item-icon{
  position: absolute;
  font-size: 30px;
  top: 35px;
  left: @iconAndWordCountLeft;
}

.submenu-item-word-count{
  position: absolute;
  font-size: 10px;
  left: @iconAndWordCountLeft;
  bottom: 2px;
}

@modificationSize : 20px;
.submenu-item-modification-button{
  position: absolute;
  color: #575757;
  right: 30px;
  top: @subItemHeight - 20px;
  font-size: @modificationSize;
}
.submenu-item-modification-button:hover{
  color: #000000;
}

.submenu-item-modification-menu{
  position: absolute;
  top: 26px;
  right: 0;
  width: 80px;
  padding: 30px;
  background: #aaaaaa;
  color: #000000;
  border-radius: 5px;
  z-index: 2;
}
.submenu-item-modification-menu:before{
  position: absolute;
  top: -(@subItemHeight - 20px - 32px);
  right: 4px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #aaaaaa;
  content:'';
}

.noDisplay{
  display: none;
}





